<template>
	<view class="k-v-block">
		<view class="k-v-block-label">
			<view class="k-v-block-label-left">{{label}}</view>
			<view class="k-v-block-label-right">
				<slot name="rightLabel"></slot>
			</view>
		</view>
		<view class="k-v-block-content">
			<slot></slot>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			label: String
		}
	}
</script>

<style lang="scss">
	.k-v-block {
		padding: 0px 12px;
		&-label {
			display: flex;
			justify-content: space-between;
			padding: 8px 0px;
			color: #999;
		}
		&-content {
			padding: 1px 0 8px 12px;
			display: flex;
			align-items: center;
		}
	}
</style>